<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
  <%@page import="com.metacube.questionbank.dto.UserDTO"%>
<%@page import="com.metacube.questionbank.dao.UserDAO"%>
<%@page import="java.util.List"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="header.jsp"></jsp:include>

        <div id="page-wrapper" style="height:750px">

            <div class="container-fluid">
			<!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-8">
                        <h3 class="page-header">
                            Welcome <span id="welcome">${userProfile.get(0).getName()}</span> 
                        </h3>
                        <ol class="breadcrumb">
                            <li class="active">
                                <i class="fa fa-dashboard"></i> Todays Activity
                            </li>
                        </ol>
                    </div>
					<div class="col-lg-4">
					<h3 class="page-header">Expertise</h3>
						<div class="panel panel-default">
							<div class="panel-body">
								<div class="row">
									<div class="col-lg-4">
										<img src="images/images.jpg" class="image-rounded" alt="userImage" style="width:50px; height:50px; border:solid;"> <br>
									</div>
									<div class="col-lg-8">
										<label for="name">Name &nbsp; ${userProfile.get(0).getName()}</label><br>
									  <label>Points &nbsp; ${userProfile.get(0).getPoints()}</label><br>
									   <label>Answers &nbsp; </label><br>
									    <label>Questions &nbsp; </label>
									</div>
								</div>
							</div>			
						</div>
					</div>
				</div>
                <!-- /.row -->
				<div class="row">
                    <div class="col-lg-8">
                       
                    </div>
					<div class="col-lg-4">
					<h3 class="page-header">Personal Info</h3>
					<ul style="list-style:none;">
						<li>Name : &nbsp; ${userProfile.get(0).getName()}</li>
						<li>Email : &nbsp; ${userProfile.get(0).geteMail()}</li>
						<li>Position : &nbsp; ${userProfile.get(0).getPosition()}</li>
						<li>Organisation : &nbsp; ${userProfile.get(0).getOrganisation()}</li>
						<li>Location : &nbsp; ${userProfile.get(0).getLocation()}</li>
					</ul>
								
						
					</div>
				</div>
                <!-- /.row -->
				
            
            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- /#page-wrapper -->